<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">

<!--/* PC用户端公共header */-->
<head th:fragment="commonHead(title)">

	<title th:text="${title}"></title>

	<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<meta content="IE=edge" http-equiv="X-UA-Compatible">
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no,minimal-ui" name="viewport">
	<meta content="YFLS(www.yycareer.com)" name="author">
	<meta content="lal,巨桃游娱,短视频,简历打造" name="keywords">
	<meta content="yycareer致力于打造最为高端私享集“知识传承、信息分享、人脉拓展、资源整合”多功能为一体的复合型职业发展生态体系。" name="description">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
	<meta name="format-detection" content="telephone=no">

	<meta name="_csrf" th:content="${_csrf.token}"/>
	<meta name="_csrf_header"  th:content="${_csrf.headerName}"/>

	<link rel="icon" type="image/x-icon" th:href="@{'/static/favicon.ico'}">

	<!--/* import element-ui CSS */-->
	<link rel="stylesheet" th:href="@{'/static/common/element-ui/index.css?v=0.1'}">

	<link rel="stylesheet" th:href="@{'/static/front/css/index/index_normal.css?v=0.2'}">
	<link rel="stylesheet" th:href="@{'/static/front/css/common.css?v=0.3'}">
	<!--<link rel="stylesheet" th:href="@{'/static/front/css/common_phone.css'}">-->
	<link rel="stylesheet" th:href="@{'/static/front/css/common_normal.css?v=0.3'}">
	<link rel="stylesheet" th:href="@{'/static/front/css/common_large.css?v=0.3'}">
	<link rel="stylesheet" th:href="@{'/static/front/fonts/iconfont.css?v=0.1'}">
	<link rel="stylesheet" th:href="@{'/static/front/css/style.css?v=0.1'}">

	<!--/* import Vue before Element */-->
	<script type="text/javascript" th:src="@{'/static/common/vue.min.js'}"></script>
	<!--/* import element-ui JavaScript */-->
	<script type="text/javascript" th:src="@{'/static/common/element-ui/index.js?v=0.1'}"></script>

	<!--[if lt IE 9]>
	<script type="text/javascript" th:src="@{/static/common/html5shiv/html5shiv.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/common/respond/respond.min.js}"></script>
	<![endif]-->

	<!--/* 百度统计 */-->
	<script type="text/javascript" src="https://hm.baidu.com/hm.js?73c7f86a6d443d2e503e5ddc5453dca0"></script>

	<script th:inline="javascript">
        var ctx = [[${#request.getAttribute('ctx')}]];
        var uploadServer = [[${#request.getAttribute('uploadServer')}]];
        var isLogin = [[${#authentication.principal ne 'anonymousUser'}]];
	</script>

</head>

<body>
	<div th:fragment="header">
		<div class="pc" style="background: #ff5722; height:56px; position: relative; z-index: 11;">
			<div id="Navigation" class="Navigation clearfix">
				<div class="logo">
					<a href="/"><img class="img" th:src="@{'/static/logo.png'}"/></a>
				</div>
				<div class="Nav">
					<a th:href="@{/}">
						<div class="NavItem index">
							<p>首页</p>
						</div>
					</a>
					<a th:href="@{/private}">
						<div class="NavItem personalTailor">
							<p>参展赛事</p>
						</div>
					</a>
					<a th:href="@{'/production?type=work'}">
						<div class="NavItem workResume">
							<p>网络音乐</p>
						</div>
					</a>
					<a th:href="@{'/production?type=lover'}">
						<div class="NavItem loveResume">
							<p>网络动漫</p>
						</div>
					</a>
<!--					<a th:href="@{'/production?type=celebrity'}">-->
<!--						<div class="NavItem brandIntroductionNav">-->
<!--							<p>网络演出剧<i></i></p>-->
<!--						</div>-->
<!--					</a>-->
					<a th:href="@{'/production?type=promotional'}">
						<div class="NavItem brandIntroductionNav">
							<p>网络表演</p>
						</div>
					</a>
				</div>
				<div class="login" sec:authorize="not isAuthenticated()">
					<img th:src="@{'/static/front/img/user-icon.png'}"/>
					<a th:href="@{/login}" style="color: #fff;">登录</a> /
					<a th:href="@{/register}" style="color: #fff;">注册</a>
				</div>
				<div class="login_already" sec:authorize="isAuthenticated()">
					<div class="top clearfix" onclick="window.location.href = '/personal'">
						<div class="user_img">
							<img th:if="${#authentication.principal.portrait ne null}" th:src="${#request.getAttribute('uploadServer')} + ${#authentication.principal.portrait}"/>
							<img th:if="${#authentication.principal.portrait eq null and #authentication.principal.gender eq 0}" th:src="@{'/static/front/img/gender/portrait-female.jpg'}"/>
							<img th:if="${#authentication.principal.portrait eq null and #authentication.principal.gender eq 1}" th:src="@{'/static/front/img/gender/portrait-male.jpg'}"/>
						</div>
						<p sec:authentication="principal.nickname"></p>
					</div>
					<ul>
						<!--<li>
                            <a href="javascript:void(0)" sec:authentication="principal.nickname"></a>
                        </li>-->
						<li>
							<a th:href="@{/personal}">个人设置</a>
						</li>
						<li>
							<form id="logout" th:action="@{/logout}" th:method="post">
								<input id="type" name="type" type="hidden" value="1">
							</form>
							<a th:href="@{/logout}">注销登录</a>
						</li>
					</ul>
				</div>
			</div>

			<!--我想拍-->
<!--			<div class="Photograph">-->
<!--				<em class="close"></em>-->
<!--				<a href="javascript:void(0)">-->
<!--					<div id="iwant" th:style="'background: url(' + @{/static/front/img/iwant.png} + '); background-position: 0px 0px; background-size: 2112px 1848px; height: 264px; width: 264px;'"></div>-->
<!--				</a>-->
<!--			</div>-->

			<div class="my-xp-modal-bg"></div>
			<!--我想拍弹框-->
			<div class="my-xp-modal">
				<img th:src="@{'/static/front/img/close.png'}" class="my-xp-close" alt="">
				<form name="iwantForm">
					<h3>我想拍</h3>
					<input type="text" name="personName" value="" placeholder="姓名" />
					<input type="text" name="personPhone" value="" placeholder="电话" />
					<input type="text" name="personWechat" value="" placeholder="微信" />
					<textarea class="xp-textarea" name="personExpect" rows="" cols="" placeholder="期望"></textarea>
					<div class="bottom-btn">
						<input type="button" class="xp-btn" id="i-want-submit-btn" value="提交" />
						<button type="button" class="xp-btn" style="margin-right: 0;" onclick="$('.my-xp-modal-bg,.my-xp-modal').hide(); $('#nb_icon_wrap').click();">在线咨询</button>
					</div>
				</form>
			</div>

			<!--右侧导航-->
			<div class="message pc">
				<div class="message_item message_item_bz">
					<img th:src="@{'/static/front/img/icon/buzhou-icon.png'}"/>
				</div>
				<div onclick="openProup('telephone')" class="message_item">
					<img th:src="@{'/static/front/img/icon/phone-icon.png'}"/>
				</div>
				<div onclick="$('#nb_icon_wrap').click();" class="message_item">
					<img th:src="@{'/static/front/img/icon/zixun-icon.png'}"/>
				</div>
				<div onclick="openProup('wechat')" class="message_item">
					<img th:src="@{'/static/front/img/icon/weixin-icon.png'}"/>
				</div>
				<div class="message_item clickTop" style="line-height: 40px;">
					<img th:src="@{'/static/front/img/icon/xiangshang-icon.png'}"/>
				</div>
				<div class="message_item_con">
					<img th:src="@{'/static/front/img/buzhou-con.png'}" />
					<div class="btn" style="background: none;"></div>
				</div>
			</div>
		</div>

		<div id="popup" style="display:none;">
			<div onclick="closeProup()" class="mask_shade"></div>
			<div class="div_position">
				<div class="popup_content_tips">
					<div class="closeTips"><i onclick="closeProup()" style="float:right;cursor:pointer;color:#fff;font-size:16px;padding:7px 20px" class="el-icon-circle-close-outline"></i></div>
					<div style="height:100%;width:100%;" id="img_area" ></div>
				</div>
			</div>
		</div>

		<!-- production play model -->
		<div id="video" style="display:none">
			<div onclick="closeProup()" class="mask_shade"></div>
			<div class="popup_content">
				<div class="closeTips"><i onclick="closeProup()" style="float:right;cursor:pointer;color:#fff;font-size:16px;padding:7px 20px" class="el-icon-circle-close-outline"></i></div>
				<video id="player" width="100.1%" height="100%" preload="auto" playsinline webkit-playinline x5-playinline></video>
			</div>
		</div>

		<div id="telephone" style="display:none">
			<div onclick="closeProup()" class="mask_shade"></div>
			<div class="popup_content_tel">
				<div class="closeTips"><i onclick="closeProup()" style="float:right;cursor:pointer;color:#fff;font-size:16px;padding:7px 10px" class="el-icon-circle-close-outline"></i></div>
				<div style="height:100%; width:100%;">
					<p style="color:grey;text-align:left;margin: 10px 0px 5px 15px;">是否拨打电话</p>
					<div style="float:right;margin-right:20px">
						<button style="background:#fff;border:0px;color:grey;margin-right:10px;" onclick="closeProup()" type="button">取消</button>
						<button style="background:#ff5722;color:#fff;border:0px;height:25px;width:50px;" onclick="callPhone()" type="button">确定</button>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>

</html>